<template>
  <div>
    <span :style="{ color: color }">我是文本</span>
    <button @click="changeColor">
      {{ buttonText }}
    </button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      color: 'black', // 默认文本颜色
      buttonText: 'Click me', // 按钮显示的文本内容
    }
  },
  methods: {
    changeColor() {
      this.color = this.color === 'black' ? 'red' : 'black' // 切换文本颜色
    },
  },
}
</script>
